@import '../../assets/less/normalColor.less';
#smsPassword{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200000;
  .smsPassword-shadow{
    height: 100%;
    background-color: #000;
    opacity: 0.6;
  }
  .smsPassword-content{
    width:100%;
    height: 60%;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 15px 20px;
    background-color: #ddd;
    .smsPassword-title{
      font-size: 1.5em;
      text-align: center;
    }
    .smsPassword-times{
      position: absolute;
      left: 15px;
      top: 10px;
    }
    .smsPassword-notice{
      text-align: center;
      padding-top: 20px;
      font-size: 1.1em;
      line-height: 1.5;
      span {
        color: @notice-yellow-color;
      }
    }
    .smsPassword-getMsg{
      width: 100%;
      height: 50px;
      margin: 20px auto 10px;
      line-height: 50px;
      display: flex;
      input{
        height: 47px;
        padding-left:15px;
        border: 1px solid @primary-color;
        box-sizing: border-box;
        flex-grow: 1;
      }
      .smsPassword-getMsg-btn{
        border-radius: 0;
        width:2rem;
      }
    }
    .smsPassword-number{
      text-align: right;
      color: #777;
      span {
        color: @notice-yellow-color;
      }
    }
    .smsPassword-btn{
      margin: 30px auto 0;
      width: 90%;
      border-radius: 0;
      position: absolute;
      bottom: 60px;
      left: 5%;
    }
  }
}